<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>子传父</title>
</head>
<body>
<div id="app">
  父亲绑定一些事件，儿子出发这个事件 将参数传递去 单向数据流，父亲数据刷新 儿子就刷新<br/>
  父亲{{money}}
  <!-- 自定义事件 回调 父亲的things方法 -->
  <child :m="money" @child-msg="things"></child>
</div>

</body>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  let vm = new Vue({
    el: '#app',
    data: {
      money: 400
    },
    methods:{
      things(val){  //on('xxx',things)
        this.money = val;
      }
    },
    components: {
      child: {
        props:['m'],
        template:`<div>儿子:{{m}}<button @click="getMoney">多要点钱</button></div>`,
        methods: {
          getMoney(){
            this.$emit('child-msg',800) //触发自己的自定义事件，让父亲的方法执行
          }
        }
      }
    }
  })

  console.log(vm);
</script>
</html>
